<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01 vue的基本语法</title>
</head>

<body>
    <div id="app">
        <!-- 3、把vue里面的数据渲染到这里 -->
        <h1>{{ msg1 }}</h1>
        <h2 v-text="msg2"></h2>
        <h3 v-html="msg3"></h3>
    </div>
</body>
<!-- 1.引入vue框架 -->
<script src="./vue.js"></script>
<script>
    // 2.实例化vue对象
    new Vue({
        el: '#app', //设置挂载点 element
        data: { //准备数据（真实开发过程，这里是调用数据库的数据）
            msg1: '我的第一个vue程序',
            msg2: '鸡你太美',
            msg3: '印度两辆摩托车相撞，28受伤'
        }
    })
</script>

</html>